<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>北单实体店</title>
        <meta name="keywords" content="北单实体店、北单资讯、北单足球资讯、竞猜北单资讯">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi, viewport-fit=cover" />
        <link rel="stylesheet" href="style/base.css">
        <link rel="stylesheet" href="style/css.css">
        <script type="text/javascript" src="style/jquery.min.js"></script>
        <script type="text/javascript" src="style/lb.js"></script>
        <script>
            window.onload = function () {
              const options2 = {
                id: 'lb-2',              // 轮播盒ID
                speed: 400,              // 轮播速度(ms)
                delay: 5000,             // 轮播延迟(ms)
                direction: 'left',       // 图片滑动方向
                moniterKeyEvent: true,   // 是否监听键盘事件
                moniterTouchEvent: true  // 是否监听屏幕滑动事件
              }
              const lb2 = new Lb(options2);
              lb2.start();

              // 活动花絮幻灯
              /*======右按钮======*/
                $(".you").click(function(){
                    nextscroll();
                });
                function nextscroll(){
                    var vcon = $(".v_cont");
                    var offset = ($(".v_cont li").width())*-1;
                    vcon.stop().animate({marginLeft:offset},"slow",function(){
                        var firstItem = $(".v_cont ul li").first();
                        vcon.find(".flder").append(firstItem);
                        $(this).css("margin-left","0px");                        
                        var activeIndex = $(".flder li").first().attr("index")  //获取当前在第几列
                        $(".ul10 li").removeClass('active')
                        $(".ul10 li").eq(activeIndex-1).addClass('active')
                    });
                };
                /*========左按钮=========*/
                $(".zuo").click(function(){
                    var vcon = $(".v_cont");
                    var offset = ($(".v_cont li").width()*-1);
                    var lastItem = $(".v_cont ul li").last();
                    vcon.find(".flder").prepend(lastItem);
                    vcon.css("margin-left",offset);
                    vcon.animate({marginLeft:"0px"},"slow")
                });
                var time = setInterval(function(){
                    $(".you").trigger("click")
                },5000)
                $(".flashSaleDeals").mouseover(function(){
                    clearInterval(time)
                })
                $(".flashSaleDeals").mouseout(function(){
                    time = setInterval(function(){
                        $(".you").trigger("click")
                    },5000)
                })
                $('.pfk_close').click(function(){
                    $('.pfk').hide()
                })
            }
        </script>
    </head>
    <body>
        <div class="bg-b">
            <div class="w1200 header">
                <div></div>
                <div class="search">
                    <input type="text" placeholder="请输入关键字">
                    <img src="imgs/search.png" />
                </div>
            </div>
        </div>        
        <div class="nav flex-cen mb20">
            <ul class="navList flex">
                <li class="active" index="1">网站首页</li>
                <li index="2">店铺资讯</li>
                <li>球事资讯<span class="icon"></span>
                    <div class="secon">
                        <a href="#">足球</a>
                        <a href="#">篮球</a>
                        <a href="#">NBA</a>
                        <a href="#">体坛最新</a>
                        <a href="#">明星球员</a>
                        <a href="#">热门赛事</a>
                    </div>
                </li>
                <li>主要联赛<span class="icon"></span>
                    <div class="secon">
                        <a href="#">英超</a>
                        <a href="#">西甲</a>
                        <a href="#">意甲</a>
                        <a href="#">德甲</a>
                        <a href="#">欧冠</a>
                    </div>
                </li>
                <li>比分直播<span class="icon"></span>
                    <div class="secon">
                        <a href="#">竞猜比分</a>
                        <a href="#">北单比分</a>
                        <a href="#">胜平负比分</a>
                    </div>
                </li>
                <li>杯赛情况<span class="icon"></span>
                    <div class="secon">
                        <a href="#">亚洲杯</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                        <a href="#">二级栏目1</a>
                    </div>
                </li>
                <li>关于我们</li>
            </ul>
        </div>
        <div class="w1200 mb40">
            <div class="mb20 flex">
                <div class="banner">
                    <div class="lb-box" id="lb-2">
                        <!-- 轮播内容 -->
                        <div class="lb-content">
                          <div class="lb-item active">
                            <a href="#">
                              <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1419634010,3888047876&fm=26&gp=0.jpg" alt="picture loss">
                              <span>我是我是标题标题1</span>
                            </a>
                          </div>
                          <div class="lb-item">
                            <a href="#">
                              <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1422387052,4223132398&fm=26&gp=0.jpg" alt="picture loss">
                              <span>我是标题我是标题我是标题2</span>
                            </a>
                          </div>
                          <div class="lb-item">
                            <a href="#">
                              <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1422387052,4223132398&fm=26&gp=0.jpg" alt="picture loss">
                              <span>我是标题我是标题我是标题33333</span>
                            </a>
                          </div>       
                        </div>
                        <!-- 轮播标志 保留，勿删。有几个图片就要有几个li-->
                        <ul class="lb-sign">
                          <li class="active"></li>
                          <li></li>
                          <li></li>
                        </ul>
                        <!-- 轮播控件 保留，勿删-->
                        <!-- <div class="lb-ctrl left">＜</div>
                        <div class="lb-ctrl right">＞</div> -->
                    </div>
                </div>
                <div class="flex1">
                    <div class="flex-ali-cen mb10">
                        <div class="tt fs12 mr10">头条</div>
                        <h1 class="fs16">新闻标题新闻标题新闻标题</h1>
                    </div>
                    <div class="fs12">我是新闻简介我是新闻简介我是新闻简介我是新闻简介我是新闻简介我是新闻简介我是新闻简介我是新闻简介我是新闻简介我是新闻简介我是新闻简介</div>
                    <ul class="ul1">
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                        <div class="clr"></div>
                    </ul>
                    <ul class="ul2">
                        <li><a href="#"><img src="imgs/hxImg04.png" /><div class="line2">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</div></a></li>
                        <li><a href="#"><img src="imgs/hxImg02.png" /><div class="line2">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</div></a></li>
                        <li><a href="#"><img src="imgs/hxImg03.png" /><div class="line2">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</div></a></li>
                        <div class="clr"></div>
                    </ul>
                </div>
            </div>
            <div class="mb20"><img src="../imgs/ad.png" /></div>
            <div class="flex-bet mb20">
                <div class="flex1 mr40">
                    <div class="titbox flex-bet mb10">
                        <div class="item flex-cen active">足球资讯</div>
                        <a class="fs14 col-6">MORE</a>
                    </div>
                    <div class="mb20">
                        <div class="fs16 fwb line1 c-red mb10">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</div>
                        <div class="flex">
                            <img class="img150" src="imgs/hxImg04.png" />
                            <ul class="ul3">
                                <li class="line1"><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <li class="line1"><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新sadfsdf sdf闻标题新闻标题新闻标题</a></li>
                                <li class="line1"><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <div class="clr"></div>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <div class="fs16 fwb line1 c-red mb10">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</div>
                        <div class="flex">
                            <img class="img150" src="imgs/hxImg04.png" />
                            <ul class="ul3">
                                <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <div class="clr"></div>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="flex1">
                    <div class="titbox flex-bet mb10">
                        <div class="item flex-cen active1">篮球资讯</div>
                        <a class="fs14 col-6">MORE</a>
                    </div>
                    <div class="mb20">
                        <div class="fs16 fwb line1 c-red mb10">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</div>
                        <div class="flex">
                            <img class="img150" src="imgs/hxImg04.png" />
                            <ul class="ul3">
                                <li class="line1"><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <li class="line1"><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <li class="line1"><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <div class="clr"></div>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <div class="fs16 fwb line1 c-red mb10">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</div>
                        <div class="flex">
                            <img class="img150" src="imgs/hxImg04.png" />
                            <ul class="ul3">
                                <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <li><a href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a></li>
                                <div class="clr"></div>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mb30">
                <div class="titbox flex-bet mb10">
                    <div class="flex">
                        <div class="item flex-cen active">足球资讯</div>                        
                        <div class="item flex-cen">NBA资讯</div>
                        <div class="item flex-cen">体坛最新</div>
                        <div class="item flex-cen">明星球员</div>
                        <div class="item flex-cen">热门赛事</div>
                    </div>                    
                    <a class="fs14 col-6">MORE</a>
                </div>
                <div>
                    <div class="flex-bet flex-wrap">
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                        <div class="w25"><a href="#">
                            <img src="imgs/hxImg04.png" />
                            <h2 class="col-3 line1">新闻标题新闻标题新闻标题新</h2>
                            <div class="flex-bet">
                                <div class="col-9 fs12">快乐星球曼巴</div>
                                <div class="col-9 fs12">123阅读</div>
                            </div>
                        </a>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="mb20">
                <div class="titbox flex-bet mb10">
                    <div class="flex">
                        <div class="item flex-cen active">英超</div>                        
                        <div class="item flex-cen">德甲</div>
                        <div class="item flex-cen">意甲</div>
                        <div class="item flex-cen">西甲</div>
                        <div class="item flex-cen">欧冠</div>
                    </div>                    
                    <a class="fs14 col-6">MORE</a>
                </div>
                <div class="box4 item flex-wrap">
                    <div class="item mb10"><a class="flex-ali-cen" href="#">
                        <img class="img150 mr20" src="imgs/hxImg04.png" />
                        <div class="flex1">
                            <h2 class="col-3 line1 mb10">新闻标题新闻标题新闻标题新</h2>
                            <div class="col-6 fs12 line2 mb10">新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介</div>
                            <div class="flex-bet">
                                <div class="col-9 fs12">2023-10-21 00:23:12</div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <div class="item mb10"><a class="flex-ali-cen" href="#">
                        <img class="img150 mr20" src="imgs/hxImg04.png" />
                        <div class="flex1">
                            <h2 class="col-3 line1 mb10">新闻标题新闻标题新闻标题新</h2>
                            <div class="col-6 fs12 line2 mb10">新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介</div>
                            <div class="flex-bet">
                                <div class="col-9 fs12">2023-10-21 00:23:12</div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <div class="item mb10"><a class="flex-ali-cen" href="#">
                        <img class="img150 mr20" src="imgs/hxImg04.png" />
                        <div class="flex1">
                            <h2 class="col-3 line1 mb10">新闻标题新闻标题新闻标题新</h2>
                            <div class="col-6 fs12 line2 mb10">新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介</div>
                            <div class="flex-bet">
                                <div class="col-9 fs12">2023-10-21 00:23:12</div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <div class="item mb10"><a class="flex-ali-cen" href="#">
                        <img class="img150 mr20" src="imgs/hxImg04.png" />
                        <div class="flex1">
                            <h2 class="col-3 line1 mb10">新闻标题新闻标题新闻标题新</h2>
                            <div class="col-6 fs12 line2 mb10">新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介</div>
                            <div class="flex-bet">
                                <div class="col-9 fs12">2023-10-21 00:23:12</div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <div class="item mb10"><a class="flex-ali-cen" href="#">
                        <img class="img150 mr20" src="imgs/hxImg04.png" />
                        <div class="flex1">
                            <h2 class="col-3 line1 mb10">新闻标题新闻标题新闻标题新</h2>
                            <div class="col-6 fs12 line2 mb10">新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介</div>
                            <div class="flex-bet">
                                <div class="col-9 fs12">2023-10-21 00:23:12</div>
                            </div>
                        </div>
                        </a>
                    </div>
                    <div class="item mb10"><a class="flex-ali-cen" href="#">
                        <img class="img150 mr20" src="imgs/hxImg04.png" />
                        <div class="flex1">
                            <h2 class="col-3 line1 mb10">新闻标题新闻标题新闻标题新</h2>
                            <div class="col-6 fs12 line2 mb10">新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介</div>
                            <div class="flex-bet">
                                <div class="col-9 fs12">2023-10-21 00:23:12</div>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
            <div class="mb40">
                <div class="titbox flex-bet mb10">
                    <div class="flex">
                        <div class="item flex-cen active">亚洲杯</div>                        
                        <div class="item flex-cen">欧洲杯</div>
                        <div class="item flex-cen">美洲杯</div>
                    </div>                    
                    <a class="fs14 col-6">MORE</a>
                </div>
                <div class="flex-ali-cen">
                    <div class="flex">
                        <div class="mr20"><a href="#">
                            <img class="img250" src="imgs/hxImg04.png" />
                            <div class="col-3 tc line1">新闻标题新闻标题新闻标题新</div>
                        </a>
                        </div>
                        <div class="mr40"><a href="#">
                            <img class="img250" src="imgs/hxImg04.png" />
                            <div class="col-3 tc line1">新闻标题新闻标题新闻标题新</div>
                        </a>
                        </div>
                    </div>
                    <div class="flex1">
                        <div class="flex-bet line34">
                            <a class="col-3" href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
                            <span class="fs13 col-9">23-10-29 09:21</span>
                        </div>
                        <div class="flex-bet line34">
                            <a class="col-3" href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
                            <span class="fs13 col-9">23-10-29 09:21</span>
                        </div>
                        <div class="flex-bet line34">
                            <a class="col-3" href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
                            <span class="fs13 col-9">23-10-29 09:21</span>
                        </div>
                        <div class="flex-bet line34">
                            <a class="col-3" href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
                            <span class="fs13 col-9">23-10-29 09:21</span>
                        </div>
                        <div class="flex-bet line34">
                            <a class="col-3" href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
                            <span class="fs13 col-9">23-10-29 09:21</span>
                        </div>
                        <div class="flex-bet line34">
                            <a class="col-3" href="#">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
                            <span class="fs13 col-9">23-10-29 09:21</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clr"></div>            
        </div>
        <div class="footer">
            <div class="w1200">
                <p>版权所有：福建省青少年科技活动中心</p>
                <p class="mt20">地址：福州市古田路89号省科技馆6楼 邮编：350005 | 访客统计：4325123 闽ICP备17012488号</p>
            </div>
        </div>
    </body>
</html>